<template>
  <div class="app-container">
    <Find :OriginalFilter="{ static: true }" :formList="formList" />

    <el-card shadow="never" :body-style="{ padding: '20px' }">
      <div slot="header">
        <span>{{ $t(`Print.OtherMaterialsAreInquiredAboutTheOutboundOfTheWarehouse`) }}</span>
      </div>
      <Table :tableData="tableData" :tableHeader="tableHeader" />
      <PageModule :PageData="{ total: 123 }" />
    </el-card>
  </div>
</template>
<script lang="ts">
import { defineComponent } from 'vue'
import JMessage from '@/utils/JMessage'
export default defineComponent({
  name: 'OtherOutboundQuery'
})
</script>
<script lang="ts" setup>
import { i18n, Jzhcn } from '@/i18n'
import { ref } from 'vue'
const formList = ref([
  {
    type: 'input',
    inputPlaceholder: '请输入出库单号',
    inputValue: '',
    inputLabel: ''
  },
  {
    type: 'input',
    inputPlaceholder: '请输入指令',
    inputValue: '',
    inputLabel: ''
  },
  {
    type: 'input',
    inputPlaceholder: '请输入材料名称',
    inputValue: '',
    inputLabel: ''
  },
  {
    type: 'select',
    selectValue: '',
    selectP: '出库原因',
    selectLabel: '',
    selectOptions: []
  },
  {
    type: 'select',
    selectValue: '',
    selectP: '部门',
    selectLabel: '',
    selectOptions: []
  },
  {
    type: 'select',
    selectValue: '',
    selectP: '分类',
    selectLabel: '',
    selectOptions: []
  },
  {
    type: 'date',
    dateLabel: '出库日期',
    dateValue: ''
  }
])
const tableHeader = ref([
  {
    label: '出库单号',
    prop: 'outboundOrder'
  },
  {
    label: '出库日期',
    prop: 'outboundOrder'
  },
  {
    label: '出库原因',
    prop: 'outboundOrder'
  },
  {
    label: '指令',
    prop: 'outboundOrder'
  },
  {
    label: '部门名称',
    prop: 'outboundOrder'
  },
  {
    label: '物料编号',
    prop: 'outboundOrder'
  },
  {
    label: '材料颜色',
    prop: 'outboundOrder'
  },
  {
    label: '材料名称',
    prop: 'outboundOrder'
  },
  {
    label: '规格',
    prop: 'outboundOrder'
  },
  {
    label: '单位',
    prop: 'outboundOrder'
  },
  {
    label: '数量',
    prop: 'outboundOrder'
  },
  {
    label: '仓管员',
    prop: 'outboundOrder'
  }
])
const tableData = ref([
  {
    outboundOrder: '123'
  }
])
</script>

<style lang="less" scoped></style>
